/**
* 文本对齐
*/
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/**
* 垂直对齐
*/
.align-bottom {
  vertical-align: bottom;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

/**
* 字体粗细
*/
.font-weight-300 {
  font-weight: 300;
}

.font-weight-400 {
  font-weight: 400;
}

.font-weight-500 {
  font-weight: 500;
}

.font-weight-700 {
  font-weight: 700;
}

.font-weight-800 {
  font-weight: 800;
}

.font-bold {
  font-weight: bold;
}

/**
* 字体颜色 
*/
.color-black {
  color: #000;
}

.color-gray-dark {
  color: #333;
}

.color-gray-medium {
  color: #666;
}

.color-gray-light {
  color: #999;
}

/**
* Flex 布局
*/
.flex {
  display: flex;

  .flex-grow {
    flex: 1;
  }

  &.flex-stretch {
    align-items: stretch;
  }

  &.flex-align-start {
    align-items: flex-start;
  }

  &.flex-align-center {
    align-items: center;
  }

  &.flex-align-end {
    align-items: flex-end;
  }

  &.flex-justify-start {
    justify-content: flex-start;
  }

  &.flex-justify-center {
    justify-content: center;
  }

  &.flex-justify-end {
    justify-content: flex-end;
  }

  &.flex-justify-between {
    justify-content: space-between;
  }

  &.flex-justify-around {
    justify-content: space-around;
  }

  &.flex-column {
    flex-direction: column;
  }

  &.flex-wrap {
    flex-wrap: wrap;
  }
}

/**
* 文字截断
*/
.text-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.text-ellipsis-2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  line-break: anywhere;
  -webkit-box-orient: vertical;
}

.text-ellipsis-3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  line-break: anywhere;
  -webkit-box-orient: vertical;
}

/**
* 布局容器
*/
.layout-container,
.n-config-provider,
.relative-fill {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/**
* 工具类
*/
.overflow-hidden {
  overflow: hidden;
}

.w-full {
  width: 100%;
}
